<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <body>
        <ui:composition template="./../../WEB-INF/templates/MainTemplate.xhtml">
            <ui:define name="content">
                <h:form id="pistolaForm">
                    <p:panel widgetVar="panelCodigoBarras">
                        <f:facet name="header">#{messages.CodigosBarra}</f:facet>
                        <p:focus for="codigoBarrasInput"></p:focus>
                        <p:inputText id="codigoBarrasInput" value="#{nuevaFacturaMultimarcaBean.codigoBarras}"></p:inputText>
                        <p:commandButton value="#{messages.Add}"  update=":pistolaForm :nuevaFacturaForm" action="#{nuevaFacturaMultimarcaBean.procesarCodigoBarras()}"></p:commandButton>
                    </p:panel>
                </h:form>
                <h:form id="nuevaFacturaForm">
                    <p:growl autoUpdate="true" life="4000" id="nuevaFacturaGrowl"></p:growl>
                    <p:panel id="nuevaFacturaPanel">
                        <f:facet name="header">#{messages.DatosPedido}</f:facet>
                        <h:panelGrid columns="4">
                            <p:outputLabel for="editarFormaPago" value="#{messages.FormaPago}"></p:outputLabel>
                            <p:selectOneMenu converter="#{formaPagoConverter}" id="editarFormaPago" required="true" value="#{nuevaFacturaMultimarcaBean.facturaMultimarca.formaPago}" label="#{messages.FormaPago}">
                                <f:selectItem itemLabel="#{messages.SeleccionaFormaPago}" itemValue="" />  
                                <f:selectItems value="#{resourcesBean.formasPago}" var="formaPago" itemLabel="#{formaPago.descripcion}" itemValue="#{formaPago}"></f:selectItems>
                            </p:selectOneMenu>
                            
                            <p:outputLabel for="editarDescuento" value="#{messages.Descuento}"></p:outputLabel>
                            <p:inputText required="true" id="editarDescuento" value="#{nuevaFacturaMultimarcaBean.facturaMultimarca.descuento}"></p:inputText>

                            <p:outputLabel for="editarPorte" value="#{messages.Porte}"></p:outputLabel>
                            <p:inputText required="true" id="editarPorte" value="#{nuevaFacturaMultimarcaBean.facturaMultimarca.precioPorte}"></p:inputText>
                            
                            <p:outputLabel for="editarComentarios" value="#{messages.Comentarios}"></p:outputLabel>
                            <p:inputTextarea id="editarComentarios" value="#{nuevaFacturaMultimarcaBean.facturaMultimarca.comentarios}"></p:inputTextarea>
                        </h:panelGrid>
                    </p:panel>
                    <p:panel styleClass="noMargin noPadding noBorder" id="panelProductosElegidos">
                        <f:facet name="header">
                            #{messages.ProductosPedido}
                        </f:facet>
                        <c:forEach items="#{nuevaFacturaMultimarcaBean.tablaPedidoDataModel.CDePedido}" var="c">
                            <p:panel styleClass="noMargin noPadding noBorder">
                                <f:facet name="header" >
                                    #{c.descripcion}
                                </f:facet>
                                
                                <c:forEach items="#{nuevaFacturaMultimarcaBean.tablaPedidoDataModel.getSeriesTallajeDePedidoYC(c)}" var="serieTallaje">
                                    <p:panel styleClass="noMargin noPadding noBorder">
            
                                        <p:dataTable styleClass="noMargin noPadding noBorder" var="producto" value="#{nuevaFacturaMultimarcaBean.tablaPedidoDataModel.getTodosProductosDePedidoSerieTallajeYC(c, serieTallaje)}">
                                            <p:column style="width:200px;" headerText="#{messages.Productos}">#{producto.descripcion}</p:column>
                                            <p:column style="width:120px;" headerText="#{messages.Color}">#{producto.color}</p:column>
                                            <p:column style="width:120px;" headerText="#{messages.Pvp}">#{producto.pvp}</p:column>
                                            <p:column style="width:120px;" headerText="#{messages.Coste}">
                                                <h:outputText rendered="#{nuevaFacturaMultimarcaBean.pedido.cliente.pais.descripcion=='Spain'}" value="#{producto.pvp.doubleValue()/multiplicadoresBean.recuperarMultiplicadorDeProductoYPedido(producto, nuevaFacturaMultimarcaBean.pedido).doubleValue()}">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2"></f:convertNumber>
                                                </h:outputText>
                                                <h:outputText rendered="#{nuevaFacturaMultimarcaBean.pedido.cliente.pais.descripcion!='Spain'}" value="#{productosPVPBean.recuperarPvpDeProductoYPais(producto, nuevaFacturaMultimarcaBean.pedido.cliente.pais).doubleValue()/multiplicadoresBean.recuperarMultiplicadorDeProductoYPedido(producto, nuevaFacturaMultimarcaBean.pedido).doubleValue()}">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2"></f:convertNumber>
                                                </h:outputText>
                                            </p:column>
                                            <p:columns styleClass="center noSidePaddingCell" columnIndexVar="index" value="#{serieTallaje.tallaSerieTallajeList}" var="tallaSerieTallaje">
                                                <f:facet name="header">
                                                    <p:panelGrid columns="3" styleClass="greyHeader center noSidePaddingCell">
                                                        <h:outputText value=""></h:outputText>
                                                        <h:outputText styleClass="headerFake" value="#{tallaSerieTallaje.talla.descripcion}"></h:outputText>
                                                        <h:outputText value=""></h:outputText>
                                                        <h:outputText value="#{messages.Restan}"></h:outputText>
                                                        <h:outputText value=""></h:outputText>
                                                        <h:outputText value="#{messages.Envio}"></h:outputText>
                                                    </p:panelGrid>
                                                </f:facet>
                                                <p:panelGrid rendered="#{nuevaFacturaMultimarcaBean.recuperarCantidadPedidaDeProductoTalla(producto, tallaSerieTallaje.talla)!=null and nuevaFacturaMultimarcaBean.recuperarCantidadPedidaDeProductoTalla(producto, tallaSerieTallaje.talla)!=0}" columns="3" styleClass="noMargin noPadding noBorder noSidePaddingCell #{indexProducto%2>0 ? 'greyRow' : ''}">
                                                    <h:outputText value="#{nuevaFacturaMultimarcaBean.recuperarCantidadPedidaDeProductoTalla(producto, tallaSerieTallaje.talla)-nuevaFacturaMultimarcaBean.recuperarCantidadServidaDeProductoTalla(producto, tallaSerieTallaje.talla)}"></h:outputText>
                                                    <h:outputText value=""></h:outputText>
                                                    <p:inputText styleClass="pedidoInput" value="#{nuevaFacturaMultimarcaBean.recuperarLineaFacturaDeProductoTalla(producto, tallaSerieTallaje.talla).cantidad}">
                                                        <p:ajax update=":nuevaFacturaForm:botonGuardar :pistolaForm" event="change" process=":nuevaFacturaForm:panelProductosElegidos" listener="#{nuevaFacturaMultimarcaBean.guardarLinea(producto, tallaSerieTallaje.talla)}"></p:ajax>
                                                    </p:inputText>
                                                </p:panelGrid>
                                            </p:columns>
                                        </p:dataTable>
                                    </p:panel>
                                </c:forEach>
                            </p:panel>
                        </c:forEach>
                        <p:commandButton disabled="#{!nuevaFacturaMultimarcaBean.puedeGuardar()}" value="Guardar" action="#{nuevaFacturaMultimarcaBean.guardarTodo()}" id="botonGuardar"></p:commandButton>
                   </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
